<template><div><h1 id="优秀文章总结" tabindex="-1"><a class="header-anchor" href="#优秀文章总结" aria-hidden="true">#</a> 优秀文章总结</h1>
<h2 id="计算机基础知识" tabindex="-1"><a class="header-anchor" href="#计算机基础知识" aria-hidden="true">#</a> <div style="color:red">计算机基础知识</div></h2>
<p><a href="https://mp.weixin.qq.com/s/PrIhaJ0OwYcoIH0YUIYWPw" target="_blank" rel="noopener noreferrer">前端必备的 HTTP 知识！看这篇就够了！！<ExternalLinkIcon/></a></p>
<h2 id="html-css" tabindex="-1"><a class="header-anchor" href="#html-css" aria-hidden="true">#</a> <div style="color:red">html+css</div></h2>
<p><a href="https://mp.weixin.qq.com/s/EsyAmDVBGQxwEyHPh3ILHA" target="_blank" rel="noopener noreferrer">动手练一练，深入学习 4 个与 Hover 相关的动效案例 （上）<ExternalLinkIcon/></a><br>
<a href="https://mp.weixin.qq.com/s/bFSlt92SupO1i_ZRfY-cTg" target="_blank" rel="noopener noreferrer">动手练一练，深入学习 4 个与 Hover 相关的动效案例 （下）<ExternalLinkIcon/></a><br>
<a href="https://mp.weixin.qq.com/s/FTdKkyLHPrfVU7pEJ2GQRw" target="_blank" rel="noopener noreferrer">练一练，亲自动手做一个专业级的 Hero Header 动效<ExternalLinkIcon/></a><br>
<a href="https://juejin.cn/post/7080542771387301896" target="_blank" rel="noopener noreferrer">纯 CSS 实现十个还不错的 Loading 效果<ExternalLinkIcon/></a></p>
<h2 id="js" tabindex="-1"><a class="header-anchor" href="#js" aria-hidden="true">#</a> <div style="color:red">js</div></h2>
<p><a href="https://limeii.github.io/2019/05/js-this/" target="_blank" rel="noopener noreferrer">JS：核心基础知识点<ExternalLinkIcon/></a> ](<a href="https://limeii.github.io/2019/04/js-common/" target="_blank" rel="noopener noreferrer">https://limeii.github.io/2019/04/js-common/<ExternalLinkIcon/></a>)<br>
<a href="https://limeii.github.io/2019/05/js-eventloop/" target="_blank" rel="noopener noreferrer">JS：详解Event Loop运行机制，以及microtasks和macrotask的执行顺序<ExternalLinkIcon/></a><br>
<a href="https://limeii.github.io/2019/05/js-eventloop/" target="_blank" rel="noopener noreferrer">JS：深入理解JavaScript-词法环境<ExternalLinkIcon/></a><br>
<a href="https://limeii.github.io/2019/05/js-execution-context/" target="_blank" rel="noopener noreferrer">JS：深入理解JavaScript-执行上下文<ExternalLinkIcon/></a><br>
<a href="https://limeii.github.io/2019/05/js-this/" target="_blank" rel="noopener noreferrer">JS：深入理解JavaScript-this<ExternalLinkIcon/></a><br>
<a href="https://limeii.github.io/2019/05/js-function/" target="_blank" rel="noopener noreferrer">JS：深入理解JavaScript-函数<ExternalLinkIcon/></a><br>
<a href="https://limeii.github.io/2019/05/js-function/" target="_blank" rel="noopener noreferrer">JS：深入理解JavaScript-闭包<ExternalLinkIcon/></a><br>
<a href="https://limeii.github.io/2019/05/js-prototype/" target="_blank" rel="noopener noreferrer">JS：深入理解JavaScript-原型<ExternalLinkIcon/></a><br>
<a href="https://limeii.github.io/2019/05/js-Inheritance/" target="_blank" rel="noopener noreferrer">JS：深入理解JavaScript-继承<ExternalLinkIcon/></a><br>
<a href="https://limeii.github.io/2019/05/js-let-const/" target="_blank" rel="noopener noreferrer">JS：let和const<ExternalLinkIcon/></a><br>
<a href="https://limeii.github.io/2019/06/js-deepshallowcopy/" target="_blank" rel="noopener noreferrer">JS：深浅拷贝<ExternalLinkIcon/></a><br>
<a href="https://limeii.github.io/2019/06/js-applycallbind-implemented/" target="_blank" rel="noopener noreferrer">JS：模拟实现call apply和bind方法<ExternalLinkIcon/></a><br>
<a href="https://limeii.github.io/2019/06/js-generator-async/" target="_blank" rel="noopener noreferrer">JS：回调函数 Promise Generator Async异步处理应用<ExternalLinkIcon/></a><br>
<a href="https://limeii.github.io/2019/06/js-arrow-function/" target="_blank" rel="noopener noreferrer">JS：箭头函数 <ExternalLinkIcon/></a><br>
<a href="https://juejin.cn/post/7069395092036911140" target="_blank" rel="noopener noreferrer">用了这个设计模式，我优化了50%表单校验代码<ExternalLinkIcon/></a><br>
<a href="https://juejin.cn/post/7113829141392130078" target="_blank" rel="noopener noreferrer">千万不要用JSON.stringify()去实现深拷贝！有巨坑！！<ExternalLinkIcon/></a><br>
<a href="https://juejin.cn/post/7104301566857445412" target="_blank" rel="noopener noreferrer">你还在直接用 localStorage 么？该提升下逼格了<ExternalLinkIcon/></a><br>
<a href="https://mp.weixin.qq.com/s/FINUZJzZDC72X4od66QeCA" target="_blank" rel="noopener noreferrer">for 与 forEach，哪个遍历数组会更快？<ExternalLinkIcon/></a><br>
<a href="https://mp.weixin.qq.com/s/faV-7Xo-ZvUtihhD3zEZjg" target="_blank" rel="noopener noreferrer">怎么防止同事用Evil.js的代码投毒<ExternalLinkIcon/></a><br>
<a href="https://mp.weixin.qq.com/s/6--P-M5nYC052SxjK77hHQ" target="_blank" rel="noopener noreferrer">一文讲懂什么是函数柯里化，柯里化的目的及其代码实现<ExternalLinkIcon/></a><br>
<a href="https://mp.weixin.qq.com/s/AERuaHIu6grUn7fqDe8vxQ" target="_blank" rel="noopener noreferrer">我被骂了，但我学会了如何构造高性能的树状结构<ExternalLinkIcon/></a><br>
<a href="https://mp.weixin.qq.com/s/OobHbsVbBEM8kiIIts8P_w" target="_blank" rel="noopener noreferrer">V8 是如何执行 JavaScript 代码的?<ExternalLinkIcon/></a><br>
<a href="https://mp.weixin.qq.com/s/DaNS1xh8D4LeyWYt3uKDng" target="_blank" rel="noopener noreferrer">ECMAScript 2023将新增的9个数组方法<ExternalLinkIcon/></a></p>
<h2 id="vue" tabindex="-1"><a class="header-anchor" href="#vue" aria-hidden="true">#</a> <div style="color:red">vue</div></h2>
<p><a href="https://juejin.cn/post/7096047543447978014" target="_blank" rel="noopener noreferrer">qiankun微前端改造实战（架构设计+代码实现）-超级详细vue代码干货篇！<ExternalLinkIcon/></a><br>
<a href="https://mp.weixin.qq.com/s/-rc1lYYlsfx-wR4mQmIIQQ" target="_blank" rel="noopener noreferrer">最全Vue知识点汇总（含Vue3）!<ExternalLinkIcon/></a></p>
<h2 id="微信小程序" tabindex="-1"><a class="header-anchor" href="#微信小程序" aria-hidden="true">#</a> <div style="color:red">微信小程序</div></h2>
<p><a href="https://juejin.cn/post/6894519231459950606" target="_blank" rel="noopener noreferrer">微信小程序-表单-表单验证<ExternalLinkIcon/></a></p>
<h2 id="webpack" tabindex="-1"><a class="header-anchor" href="#webpack" aria-hidden="true">#</a> <div style="color:red">webpack</div></h2>
<p><a href="https://juejin.cn/post/7031546400034947108" target="_blank" rel="noopener noreferrer">Webapck5 核心打包原理全流程解析，看这一篇就够了<ExternalLinkIcon/></a></p>
<h2 id="工具类" tabindex="-1"><a class="header-anchor" href="#工具类" aria-hidden="true">#</a> <div style="color:red">工具类</div></h2>
<p><a href="https://juejin.cn/post/7125709933709885448" target="_blank" rel="noopener noreferrer">图文结合简单易学的npm 包的发布流程<ExternalLinkIcon/></a></p>
<h2 id="面试题" tabindex="-1"><a class="header-anchor" href="#面试题" aria-hidden="true">#</a> <div style="color:red">面试题</div></h2>
<p><a href="https://juejin.cn/post/7146973901166215176" target="_blank" rel="noopener noreferrer">前端知识体系+大厂面试总结（基础知识篇）<ExternalLinkIcon/></a><br>
<a href="https://juejin.cn/post/7146975493278367752" target="_blank" rel="noopener noreferrer">前端知识体系+大厂面试总结（算法篇）<ExternalLinkIcon/></a><br>
<a href="https://juejin.cn/post/7146976516692410376" target="_blank" rel="noopener noreferrer">前端知识体系+大厂面试总结（工程化篇）<ExternalLinkIcon/></a><br>
<a href="https://juejin.cn/post/7146996646394462239" target="_blank" rel="noopener noreferrer">前端知识体系+大厂面试总结（前端框架+浏览器原理篇）<ExternalLinkIcon/></a></p>
</div></template>


